<style>
    .item {
        width:100%;
        height:200px;
        overflow:hidden;
        /*font-family: 'Bubbler One', sans-serif;*/
    }
    
    .kinet {
        width:100%;
        height:200px;
        overflow:hidden;
    }
    
    .imgCarousel {
        width:100%;
        -webkit-filter: blur(5px);
    }
    
    .fotoUsuario {
        position:absolute;
        left:20px;
        top:40px;
        margin-left:50px;
        box-shadow: 2px 2px 10px black;
        border: white solid 1px;
    }
</style>

           
                <?php 
                    if ($planes = mostrarProximosPlanes($datos['idProvincia'])) {
                    $i= 0;
                    
                ?>
<div class="container" style="z-index:0;background-color:silver;width:100%;background: url('../img/fondoTeatro.jpg') no-repeat;">
         
                <div id="carousel" class="carousel slide" data-ride="carousel" style="z-index:0">
                <ol class="carousel-indicators">
                  <?php while ($i < count($planes)) { ?>
                  <?php if ($i == 0) { ?>  
                    <li data-target="#carousel" data-slide-to="0" class="active"></li>
                  <?php $i++; ?>
                  <?php } else { ?>
                    <li data-target="#carousel" data-slide-to="<?php echo $i ?>"></li>
                  <?php $i++; ?>
                  <?php } ?>
                  <?php } ?>
                </ol>
                
                <div class="carousel-inner" style="z-index:0">
                  <?php 
                    $i = 0;
                    while ($i < count($planes)) { 
                  ?>
                  <?php if ($i == 0) { ?>
                    
                  <div class="item active">
                    <img class="imgCarousel" src="../<?php echo $planes[$i]['imagen'] ?>" alt="First slide">
                     <div class="carousel-caption" style="background-color:black;opacity:0.4;filter:alpha(opacity=40);z-index:0">
                         
                            <h3>
                                <div class="fotoUsuario">
                                    <img class="img img-polaroid" src="../<?php echo $planes[$i]['fotoThumb'] ?>">
                                </div>
                                <?php if ( $planes[$i]['descripcionTipoPlan'] == "Cine") { ?>
                                    <img title="Cine" style="width:30px;height:auto" src="../img/vintage6.png">
                                <?php } else { ?>
                                    <img title="Teatro" style="width:30px;height:auto" src="../img/mask.png">
                                <?php } ?>
                                    <a href="#" style="color:white;font-size:25px;text-transform: uppercase" onClick="javascript:document.verProyecto<?php echo $i ?>.submit();" style="cursor:pointer;" onclick="submit();"><?php echo $planes[$i]['titular'] ?></a>
                            </h3>
                            <p <?php
                        if  ($ofertas = obtenerOfertas($planes[$i]['idPlan'])) {
                             if ($planes[$i]['plazas'] > 0) {
                                echo "style='color:blue;'>Se busca ";
                                $x= 0;
                                while ($x < count($ofertas)) {
                                    if ($ofertas[$x]['asignado']==0) {
                                           if ($x == (count($ofertas)-1)) {
                                                echo $ofertas[$x]['descripcionRol'];
                                           } else {
                                                echo $ofertas[$x]['descripcionRol'].", ";
                                           }
                                       }
                                    $x++;
                                }
                             } else {
                                echo "style='color:red;'>No hay ofertas";
                             }

                        } else {
                            echo "style='color:red;'>No hay ofertas";

                        }
                        ?></p>
                        </div>
                         <div class="carousel-caption" style="z-index:0">
                            <h3>
                                <div class="fotoUsuario">
                                    <img class="img img-polaroid" src="../<?php echo $planes[$i]['fotoThumb'] ?>">
                                </div>
                                <?php if ( $planes[$i]['descripcionTipoPlan'] == "Cine") { ?>
                                    <img title="Cine" style="width:30px;height:auto" src="../img/vintage6.png">
                                <?php } else { ?>
                                    <img title="Teatro" style="width:30px;height:auto" src="../img/mask.png">
                                <?php } ?>
                                <a href="#" style="color:white;font-size:25px;text-transform: uppercase" onClick="javascript:document.verProyecto<?php echo $i ?>.submit();" style="cursor:pointer;" onclick="submit();"><?php echo $planes[$i]['titular'] ?></a>
                            </h3>
                            <p <?php
                        if  ($ofertas = obtenerOfertas($planes[$i]['idPlan'])) {
                             if ($planes[$i]['plazas'] > 0) {
                                echo "style='color:blue;'>Se busca ";
                                $x= 0;
                                while ($x < count($ofertas)) {
                                    if ($ofertas[$x]['asignado']==0) {
                                           if ($x == (count($ofertas)-1)) {
                                                echo $ofertas[$x]['descripcionRol'];
                                           } else {
                                                echo $ofertas[$x]['descripcionRol'].", ";
                                           }
                                       }
                                    $x++;
                                }
                             } else {
                                echo "style='color:red;'>No hay ofertas";
                             }

                        } else {
                            echo "style='color:red;'>No hay ofertas";

                        }
                        ?></p>
                          </div>
                            <!--Información proyecto-->
                            <form name="verProyecto<?php echo $i ?>" id="verProyecto<?php echo $i ?>" method="post" action="../planes/plan.php">
                                <input type="hidden" name="uid" value="<?php echo $planes[$i]['idUsuario'];?>">
                                <input type="hidden" name="pid" value="<?php echo $planes[$i]['idPlan'];?>">
                            </form>
                  </div>
                    <?php $i++; ?>
                  <?php } else { ?>
                    
                  <div class="item">
                    <img class="imgCarousel" src="../<?php echo $planes[$i]['imagen'] ?>" alt="Second slide">
                        <div class="carousel-caption" style="background-color:black;opacity:0.4;filter:alpha(opacity=40);z-index:0">
                    
                            <h3>
                                <div class="fotoUsuario">
                                    <img class="img img-polaroid" src="../<?php echo $planes[$i]['fotoThumb'] ?>">
                                </div>
                                <?php if ( $planes[$i]['descripcionTipoPlan'] == "Cine") { ?>
                                    <img title="Cine" style="width:30px;height:auto" src="../img/vintage6.png">
                                <?php } else { ?>
                                    <img title="Teatro" style="width:30px;height:auto" src="../img/mask.png">
                                <?php } ?>
                                    <a href="#" style="color:white;font-size:20px;text-transform: uppercase" onClick="javascript:document.verProyecto<?php echo $i ?>.submit();" style="cursor:pointer;" onclick="submit();"><?php echo $planes[$i]['titular'] ?></a>
                            </h3>
                            <p <?php
                        if  ($ofertas = obtenerOfertas($planes[$i]['idPlan'])) {
                             if ($planes[$i]['plazas'] > 0) {
                                echo "style='color:blue;'>Se busca ";
                                $x= 0;
                                while ($x < count($ofertas)) {
                                    if ($ofertas[$x]['asignado']==0) {
                                           if ($x == (count($ofertas)-1)) {
                                                echo $ofertas[$x]['descripcionRol'];
                                           } else {
                                                echo $ofertas[$x]['descripcionRol'].", ";
                                           }
                                       }
                                    $x++;
                                }
                             } else {
                                echo "style='color:red;'>No hay ofertas";
                             }

                        } else {
                            echo "style='color:red;'>No hay ofertas";

                        }
                        ?></p>
                        </div>
                         <div class="carousel-caption" style="z-index:0">
                            <h3>
                                <div class="fotoUsuario">
                                    <img class="img img-polaroid" src="../<?php echo $planes[$i]['fotoThumb'] ?>">
                                </div>
                                <?php if ( $planes[$i]['descripcionTipoPlan'] == "Cine") { ?>
                                    <img title="Cine" style="width:30px;height:auto" src="../img/vintage6.png">
                                <?php } else { ?>
                                    <img  title="Teatro" style="width:30px;height:auto" src="../img/mask.png">
                                <?php } ?>
                                <a href="#" style="color:white;font-size:20px;text-transform: uppercase" onClick="javascript:document.verProyecto<?php echo $i ?>.submit();" style="cursor:pointer;" onclick="submit();"><?php echo $planes[$i]['titular'] ?></a>
                            </h3>
                            <p <?php
                        if  ($ofertas = obtenerOfertas($planes[$i]['idPlan'])) {
                             if ($planes[$i]['plazas'] > 0) {
                                echo "style='color:blue;'>Se busca ";
                                $x= 0;
                                while ($x < count($ofertas)) {
                                    if ($ofertas[$x]['asignado']==0) {
                                           if ($x == (count($ofertas)-1)) {
                                                echo $ofertas[$x]['descripcionRol'];
                                           } else {
                                                echo $ofertas[$x]['descripcionRol'].", ";
                                           }
                                       }
                                    $x++;
                                }
                             } else {
                                echo "style='color:red;'>No hay ofertas";
                             }

                        } else {
                            echo "style='color:red;'>No hay ofertas";

                        }
                        ?></p>
                          </div>
                          <!--Información proyecto-->
                            <form name="verProyecto<?php echo $i ?>" id="verProyecto<?php echo $i ?>" method="post" action="../planes/plan.php">
                                <input type="hidden" name="uid" value="<?php echo $planes[$i]['idUsuario'];?>">
                                <input type="hidden" name="pid" value="<?php echo $planes[$i]['idPlan'];?>">
                            </form>
                  </div>
                    <?php $i++; ?>
                  <?php } // if ?>
                <?php } // while ?>
                    </div>
                <a class="left carousel-control" href="#carousel" data-slide="prev">
                  <!--<span class="glyphicon glyphicon-chevron-left"></span>-->
                  <div  style="height:100%;margin-top:60px;">
                  <img src="../img/flechaizq.png">
                  </div>
                </a>
                <a class="right carousel-control" href="#carousel" data-slide="next">
                  <!--<span class="glyphicon glyphicon-chevron-right"></span>-->
                  <div  style="height:100%;margin-top:60px;">
                  <img src="../img/flechader.png">
                  </div>
                </a>
              </div>
        </div> 
            <?php } // if ?>

                
       